<template>
	<view class="comAll">
		<view class="top">
			<text class="title">{{info.title}}</text>
			<text class="date">{{formatTime(info.date, 'Y-M-D')}}</text>
		</view>
		<view class="content">
			<text>{{info.content}}</text>
		</view>
	</view>
</template>

<script>
	import {
		formatTime
	} from '@/utils/tools.js'
	export default {
		props: {
			info: Object,
		},
		data() {
			return {

			}
		},
		methods:{
			formatTime,
		}
	}
</script>

<style scoped>
	.comAll {
		border-radius: 15upx;
		background-color: #FFF;
		box-shadow: 0 0 30upx -15upx #b31f1f;
		margin: 20upx;
		padding: 20upx;
	}

	.top {
		display: flex;
		flex-wrap: wrap;
	}
	.top text{
		width: 100%;
		padding-bottom: 5upx;
	}
	.title {
		color:#333333;
		font-weight: bold;
		font-size: 36upx;
		display: inline-block;
	}

	.date {
		color:#888888;
		font-size: 24upx;
		display: inline-block;
	}

	.content {
		margin: 17upx 0;
		color:#333333;
		font-size: 32upx;
	}
	.content text{
		width:100%;
		line-height: 55upx;
		display: inline-block;
	}
</style>
